(()=>{
    $$('.bigList')[5].style.height="123px"
    $$('.navLink')[11].classList.add('bc')
})()
//最上面全选的多选框的样式

// //搜索分页，将数据添加到页面上
// let pagingS=(now=1,size=6)=>{
//     let tbody=document.querySelector('.tbody')
//     let message=null
//     axios({
//         method:'get',
//         //这里是大分类搜索的分页接口（可以在别的页面换成别的分页接口）
//         url:'/Classfy/queryForBidByPage',
//         params:{
//             pageNow:now,
//             pageSize:size,
//             name:searchInput.value
//         },
//     }).then(data=>{
//         message=data.data.key.data.list
//         console.log(message==[]);
//         console.log(message);
//         if(message!=null){
//             tbody.innerHTML=``
//             if(message.length==0){
//                 tbody.innerHTML+=`
//                     <tr>
//                         <td class="op"></td>
//                         <td class="op"></td>
//                         <td class="empty">没有内容</td>
//                     </tr>
//                 `
//             }
//             for(let i=0,len=message.length;i<len;i++){
//                 let messagei=message[i]
//                 console.log(messagei);
//                 tbody.innerHTML+=`
//                 <tr>
//                     <td><i class="iconfont icon-duoxuankuang select" data-choose="false" userId="${messagei.id}"></i></td>
//                     <td>${messagei.classfyName}</td>
//                     <td>${messagei.hot}</td>
//                     <td>${messagei.list.length}</td>
//                     <td>
//                         <i class="iconfont icon-xiugai c" title="修改" userId="${messagei.id}" onclick="viewUserMessage(${messagei.id},'${messagei.classfyName}',1)"></i>&nbsp;
//                         <i class="iconfont icon-shanchu c" title="删除" userId="${messagei.id}" onclick="upgrade(${messagei.id},3)"></i>&nbsp;
//                     </td>
//                 </tr>
//                 `
//             }
//             //单选框
//             SelectAll()
//         }
//     }).catch(err=>{
//         console.log(err);
//     })
// }


//     let pagessS=(now=1,size=6)=>{
//         return new Promise((reslove,reject)=>{
//             axios({
//                 method:'get',
//                 //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
//                 url:'/User/query',
//                 params:{
//                     pageNow:now||1,
//                     pageSize:size||6,
//                     name:searchInput.value
//                 },
//             }).then(data=>{
//                 if(data.data.key.code!=20000){
//                     tigs(data.data.key.message,false)
//                 }else{
//                     let length=data.data.key.data.total
//                     reslove(Math.ceil(length/size))
//                 }
//             }).catch(err=>{
//                 console.log(err);
//             })
//         })
//     }
//     //点击搜索调用函数
//     //搜索
    let addBtn=document.querySelectorAll('.addBtn')
//     let searchInput =document.querySelector('.searchInput ')
//     addBtn[1].addEventListener('click',()=>{
//         console.log(1);
//         pagessS().then(data=>{
//             PageSsS(data)
//         })
//     })
//     function PageSsS(a,key=1){
//         //这里是调用的page.js里面的分页函数，实现省略号效果（可以在别的页面调用）
//         let ans=a
//         if(key>a)key=a
//         if(key==0)key=1
//         localStorage.setItem("key", key)
//         console.log(ans);
//         Btn(ans,key,btnNumber)
//         pagingS(key)
//         for(let i=0,len=10;i<len;i++){
//             page[i].addEventListener('click',function(){
//                 if(page[i].innerHTML!='...'){
//                     key=page[i].innerHTML
//                     Btn(ans,key,btnNumber)
//                     // console.log(key);
//                     pagingS(key)
//                     localStorage.setItem("key", key)
//                 }
//             })
//         }
        
//         //左
//         left.addEventListener('click',function(){
//             key--
//             Btn(ans,key,btnNumber)
//             pagingS(key)
//             localStorage.setItem("key", key)
//         })
//         //右
//         right.addEventListener('click',function(){
//             key++
//             Btn(ans,key,btnNumber)
//             pagingS(key)
//             localStorage.setItem("key", key)
//         })
//     }


//(上面搜索分页)
//``````````````````````````````````````````````````````````````````
//（下面正常分页）

//分页将返回数据添加到页面上
let paging=(now=0,size=6)=>{
    let tbody=document.querySelector('.tbody')
    let message=null
    axios({
        method:'get',
        //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
        url:'/Classfy/queryForBidByPage',
        params:{
            pageNow:now,
            pageSize:size
        },
    }).then(data=>{
        message=data.data.key.data.list
        // console.log(message);
        if(message!=null){
            tbody.innerHTML=``
            if(message.length==0){
                tbody.innerHTML+=`
                    <tr>
                    <td class="op"></td>
                    <td class="op"></td>
                    <td class="empty">没有内容</td>
                    </tr>
                `
            }
            for(let i=0,len=message.length;i<len;i++){
                let messagei=message[i]
                tbody.innerHTML+=`
                <tr>
                    <td><i class="iconfont icon-duoxuankuang select" data-choose="false" userId="${messagei.id}"></i></td>
                    <td>${messagei.classfyName}</td>
                    <td>${messagei.hot}</td>
                    <td>${messagei.list.length}</td>
                    <td>
                        <i class="iconfont icon-xiugai c" title="修改" userId="${messagei.id}" onclick="viewUserMessage(${messagei.id},'${messagei.classfyName}',1)"></i>&nbsp;
                        <i class="iconfont icon-shanchu c" title="删除" userId="${messagei.id}" onclick="upgrade(${messagei.id},2)"></i>&nbsp;
                    </td>
                </tr>
                `
            }
            //单选框
            SelectAll()
        }
    }).catch(err=>{
        console.log(err);
    })
}



let pagess=(now=1,size=6)=>{
    return new Promise((reslove,reject)=>{
        axios({
            method:'get',
            //这里是普通用户的分页接口（可以在别的页面换成别的分页接口）
            url:'/Classfy/queryForBidByPage',
            params:{
                pageNow:now||1,
                pageSize:size||6
            },
        }).then(data=>{
            let length=data.data.key.data.total
            reslove(Math.ceil(length/size))
        }).catch(err=>{
            console.log(err);
        })
    })
}
pagess().then(data=>{
    PageSs(data)
})
//这里是调用的page.js里面的分页函数，实现省略号效果（可以在别的页面调用）
function PageSs(a=-1,key=1){

        let ans=a
        if(key>a)key=a
        if(key==0)key=1
        localStorage.setItem("key", key)
        console.log(ans);
        console.log(key);
        Btn(ans,key,btnNumber)
        paging(key)
        for(let i=0,len=10;i<len;i++){
            page[i].addEventListener('click',function(){
                if(page[i].innerHTML!='...'){
                    key=page[i].innerHTML
                    Btn(ans,key,btnNumber)
                    paging(key)
                    localStorage.setItem("key", key)
                }
            })
        }
        
        //左
        left.addEventListener('click',function(){
            key--
            localStorage.setItem("key", key)
            Btn(ans,key,btnNumber)
            paging(key)
        })
        //右
        right.addEventListener('click',function(){
            key++
            localStorage.setItem("key", key)
            Btn(ans,key,btnNumber)
            paging(key)
        })

}



//单选框函数（可以在写的页面调用）
function SelectAll(){
    function hasClass(obj,cn){
        //判断obj中有没有cnclass
        //创建一个正则表达式
        var reg=new RegExp("\\b"+cn+"\\b");
        return reg.test(obj.className);
    }
    let select=document.querySelectorAll('.select')
    let selectClick=(i,event)=>{
            if(hasClass(select[i],'icon-duoxuankuang1')){
                event.target.setAttribute('data-choose','false')
                select[i].className = 'iconfont icon-duoxuankuang select'
            }else{
                for(let j=0,len=select.length;j<len;j++){
                    if(i==j){
                        event.target.setAttribute('data-choose','true')
                        continue;
                    }
                    select[j].setAttribute('data-choose','false')
                }
            }
            for(let j=0,len=select.length;j<len;j++){
                if(select[j].getAttribute('data-choose') == 'true'){
                    select[j].className = 'iconfont icon-duoxuankuang1 select'
                    select[j].parentNode.parentNode.style.background="#F2F2F2"
                }else{
                    select[j].className = 'iconfont icon-duoxuankuang select'
                    select[j].parentNode.parentNode.style.background="#FFFFFF"
                }
            }
    }
    for(let j=0,len=select.length;j<len;j++){
        select[j].onclick=(event)=>{
            selectClick(j,event)
        }
    }
}

//关闭弹窗
(function(){
    let exit=document.querySelectorAll('.exit')
    let classfy=document.querySelectorAll('.classfy')
    let Usermessage=document.querySelectorAll('.Usermessage')
    // let modifyHeard=document.querySelectorAll('.modifyHeard')
    // let exitIcoS=document.querySelector('.exitIcoS')
    exit[0].addEventListener('click',()=>{
        Usermessage[0].style.display="none"
        // modifyHeard[0].style.display="none"
        classfy[0].value=''
    })
    exit[1].addEventListener('click',()=>{
        Usermessage[1].style.display="none"
        // modifyHeard[1].style.display="none"
        classfy[1].value=''
    })
})()

//修改
function viewUserMessage(id,h,n){
    let Usermessage=document.querySelectorAll('.Usermessage')[1]
    let classfy=document.querySelectorAll('.classfy')[1]
    classfy.value=h
    Usermessage.style.display="block"
    searchUserName(id,n)
}

//删除分类
function upgrade(id,h){
    console.log(id);
    let describe=document.querySelector('.describe')
    let modifyHeard=document.querySelector('.modifyHeard')
    describe.innerHTML='确定删除该分类吗？'
    modifyHeard.style.display="block"
    judge(id,h)
}



function searchUserName(id,h){
    let saves=document.querySelectorAll('.save')[1]
    let classfy=document.querySelectorAll('.classfy')[1]
    saves.onclick=()=>{
        if(classfy.value.length==0){
            tigs('请输入分类名称',false)
        }else{
            console.log(id);
            console.log(classfy.value);
            moddlyClass(id,classfy.value)
        }
    }
}

//判断弹窗是点击确定还是取消([h]1：修改头像，2：分类删除,3:搜索后分类删除)
function judge(id,h){
    let modifyHeard=document.querySelector('.modifyHeard')
    let btnT=document.querySelector(".btnT")
    let btnF=document.querySelector(".btnF")
    let classfy=document.querySelectorAll('.classfy')
    btnF.onclick=()=>{
        modifyHeard.style.display='none'
    }
    btnT.onclick=()=>{
        modifyHeard.style.display='none'
        if(h==1){
            //修改分类
            // console.log('修改');
            // ModifyHeards(id)
        }else if(h==2){
            //大分类删除
            console.log('删除');
            updateLevel(id)
        }else if(h==3){
            //收索后用户升级
            // ModifyHeardsS(id)
        }
    }
}


//分类删除
function updateLevel(id){
    axios({
        method:'delete',
        url:'/Classfy/delete',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            id:id,
        }
    }).then(value=>{
        console.log(value);
        // console.log(value.data.key.code);
        console.log(value.data.key);
        if(value.data.key.code==20000){
            tigs("删除成功",true)
            pagess().then(data=>{
                PageSs(data,localStorage.getItem('key'))
            })
        }else{
            tigs(value.data.key.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}

//搜索后分类删除
// function updateLevelS(id){
//     axios({
//         method:'delete',
//         url:'/Classfy/delete',
//         headers: {
//             'Content-Type':'application/x-www-form-urlencoded',
//         },
//         params:{
//             id:id,
//         }
//     }).then(value=>{
//         console.log(value);
//         // console.log(value.data.key.code);
//         console.log(value.data.key);
//         if(value.data.key.code==20000){
//             tigs("删除成功",true)
//             pagessS().then(data=>{
//                 PageSsS(data,localStorage.getItem('key'))
//             })
//         }else{
//             tigs(value.data.key.message,false)
//         }
//     }).catch(err=>{
//         console.log(err);
//     })
// }

//新增
(function(){
    let classfy=document.querySelectorAll('.classfy')[0]
    let Usermessage=document.querySelectorAll('.Usermessage')[0]
    addBtn[0].addEventListener('click',()=>{
        Usermessage.style.display='block'
        classfy.value=''
        classfy.placeholder='请输入要增加的分类名称'
    })
    let save=document.querySelectorAll('.save')[0]
    save.addEventListener('click',()=>{
        if(classfy.value.length!=0){
            console.log(classfy.value);
            addClassfy(classfy.value)
            Usermessage.style.display='none'
        }else{
            tigs('请输入分类名称',false)
        }
    })
})()

//增加分类
function addClassfy(name){
    axios({
        method:'post',
        url:'/Classfy/add',
        headers: {
            'Content-Type':'application/x-www-form-urlencoded',
        },
        params:{
            classfyName:name
        }
    }).then(value=>{
        let code=value.data.key.code
        // console.log(value);
        // console.log(code);
        if(code==20000){
            tigs('添加成功',true)
            pagess().then(data=>{
                // PageSs(data,localStorage.getItem('key'))
                console.log(data);
                PageSs(data,data)
            })
        }else{
            tigs(value.data.key.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}

//修改分类
function moddlyClass(id,h){
    console.log(id);
    console.log(h);
    axios({
        url:'/Classfy/update',
        mothed:'get',
        params:{
            classfyName:h,
            id:id
        }
    }).then(data=>{
        let message=data.data.key
        if(message.code==20000){
            tigs(message.message,true)
            let Usermessage=document.querySelectorAll('.Usermessage')[1]
            let classfy=document.querySelectorAll('.classfy')[1]
            classfy.value=''
            Usermessage.style.display="none"
            pagess().then(data=>{
                PageSs(data,localStorage.getItem('key'))
            })
        }else{
            tigs(message.message,false)
        }
    }).catch(err=>{
        console.log(err);
    })
}
//收索后修改分类
// function moddlyClassS(id,h){
//     console.log(id);
//     console.log(h);
//     axios({
//         url:'/Classfy/update',
//         mothed:'get',
//         params:{
//             classfyName:h,
//             id:id
//         }
//     }).then(data=>{
//         let message=data.data.key
//         if(message.code==20000){
//             tigs(message.message,true)
//             let Usermessage=document.querySelectorAll('.Usermessage')[1]
//             let classfy=document.querySelectorAll('.classfy')[1]
//             classfy.value=''
//             Usermessage.style.display="none"
//             pagessS().then(data=>{
//                 PageSsS(data,localStorage.getItem('key'))
//             })
//         }else{
//             tigs(message.message,false)
//         }
//     }).catch(err=>{
//         console.log(err);
//     })
// }